Skip to content

feat: Add responsive preview panel with fullscreen dialog#10

Merged
paveg merged 3 commits intomainfrom
feat/responsive-preview-panel
Jan 3, 2026
Merged

feat: Add responsive preview panel with fullscreen dialog#10
paveg merged 3 commits intomainfrom
feat/responsive-preview-panel

Conversation

@paveg
Copy link
Owner

@paveg paveg commented Jan 3, 2026

Summary

  • Add Radix UI Dialog component for fullscreen image preview
  • Scale down preview images on mobile to fit screen width
  • Enable click/tap on image or maximize icon to open fullscreen view
  • Add keyboard accessibility (Enter/Space to open dialog)

Test plan

  • Test on mobile viewport (< 768px) - image should scale down
  • Click/tap image to open fullscreen dialog
  • Click maximize icon in header to open dialog
  • Press Escape or click overlay to close dialog
  • Tab to image and press Enter/Space to open dialog
  • Verify both English and Japanese translations work

🤖 Generated with Claude Code

- Add Dialog component using Radix UI for fullscreen preview
- Scale down preview images to fit mobile screens
- Enable click/tap to open fullscreen view with original size
- Add keyboard accessibility support (Enter/Space to open)
- Add i18n keys for fullscreen button label

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Jan 3, 2026

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
devcard f6ba594 Commit Preview URL

Branch Preview URL
Jan 03 2026, 02:44 AM

paveg and others added 2 commits January 3, 2026 11:42
- Disable Analytics Engine binding (requires Dashboard enablement)
- Add Vite manualChunks to split vendor code:
  - react-vendor: React core runtime
  - router: react-router-dom
  - radix-ui: All Radix UI primitives
  - i18n: i18next and react-i18next
- Reduces main bundle from 330KB to 231KB (-30%)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@paveg paveg merged commit 5b09bbe into main Jan 3, 2026
5 checks passed
@paveg paveg deleted the feat/responsive-preview-panel branch January 3, 2026 02:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant